<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>选项卡</title>
    <link rel="stylesheet" href="./tabs.css" />
  </head>
  <body>
    <div class="tabs">
      <!-- 选项卡标题 -->
      <ul class="tab-header">
        <li class="active">前端开发</li>
        <li>UI/UE设计</li>
        <li>Python开发</li>
      </ul>
      <!-- 选项卡内容 -->
      <ul class="tab-content">
        <li class="show">
          前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。
        </li>
        <li>UI设置为产品的“脸面”</li>
        <li>Python是一个面向对象的解释型高级编程语言</li>
      </ul>
    </div>
  </body>
</html>
